<html>
<head>
	<!-- link rel=”stylesheet” type=”text/css” href=“views/style.css” / -->
	<style type="text/css">

	body 
	{
		background-color: #FFF;
		color: #999999;
		padding: 0px;
		margin: 0px;
	}

	#header
	{
		position: absolute;
		top: 0;
		right: 0;
		background-color: #FF7C38;
		width:85%;
		height: 50px;
		color: white;
	}

	#headerTitle
	{
		position: absolute;
		top:0;
		left:0;
		width: 60%;
		height: 50px;
		text-align: left;
	}

	#headerMenu
	{
		position: absolute;
		top:0;
		left:60%;
		right: 0;
		height: 50px;
		text-align: right;
	}

	#menu
	{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: #454545;
		width: 15%;
		padding-top: 75px;
		text-align: center;
	}

	#menu .menuItem
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#menu .menuItem:hover 
	{
		background-color: #575757;
	}

	.menuItem a 
	{
		text-decoration: none;
		color: white;
	}

	#main_column
	{
		position: absolute;
		top: 50px;
		left: 15%;
		text-align: center;
		width: 85%;
		color: #FFFDDF;
	}

	#header ul 
	{
		padding:0;
		margin:0;
		list-style-type:none;
	}

	#header li
	{
		margin-left:2px;
		float:right; /*pour IE*/
	}

	#header ul li a 
	{
		display:block;
		float:right;   
		width:50px;
		height: 50px;
		/*background-color:#6495ED;*/
		color:white;
		text-decoration:none;
		text-align:center;
		padding: 30% 0;
	}

	#header ul li a:hover
	{
		background-color: #FF6D00;
	}

	td
	{
		text-align:center;
		vertical-align: center;
		padding: 10px;
	}

	table
	{
		margin:auto;
		text-align: center;
		background-color: #333333;
	}

	</style>
	<title> Your notes </title>
</head>
<body>
	<div id="menu">
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
		<div class="menuItem"> <a href="#"> ITEM </a> </div>
	</div>
	<div id="header">
		<div id="headerTitle">
			<h2> Your note list </h2>
		</div>
		<div id="headerMenu">
			<ul> 
				<li> <a href="#"> \o/ </a> </li>
				<li> <a href="#"> XD </a> </li>
			</ul>
		</div>
	</div>
	<div id="main_column">

	<!-- INCLUDE PAGE CONTENT -->

	<% html = new EJS({url: '/note.ejs'}).render(noteList) %>

	<!-- END OF PAGE CONTENT -->


	</div>
</body>
</html>
